<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="a" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen"
	href="css/main.css" />
<style type="text/css">

.left{
 float: right;
    
 }
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">

</style>
</head>
<body>
<%@ include file="./header.jsp"%>
	<div class="links" style="width:250px">
		[<a href="./newContact.jsp">add new contact</a>]<br/>
		<br/>
		[<a href="./googlecontactsapi">Import Google Contacts</a>]<br/>
		<br/>
		[<a href="./fbcontactscontroller">Import FaceBook Contacts</a>]<br/>
	</div>
	<div class="content">
	<h1>Address Book</h1>
		<table>
		<div class="fbgrey" style="background-color: #F7F7F7;font-size: 13px;width: 550px;">
		<tr>
		<th>First Name</th>
		<th>Last Name</th>
		<th>E-mail</th>
		<th>Import</th>
		</tr>
		</tr>
			<c:forEach items="${contacts}" var="contact">
				<tr> 
						
					    	<td>${contact.firstName}</td>
					    
					    
							<td>${contact.lastName}</td>
						
						
							<td>${contact.email}</td>
					
					<div class="left">
						<td>[<a href="./prepareContact?id=${contact.id}&del=0">izmeni</a>]</td>	
						<td>[<a href="./prepareContact?id=${contact.id}&del=1">izbrisi</a>]</td>
					</div>	
				</tr>  	
				 		
			</c:forEach>
			</div>
			</table>
	</div>

</body>
</html>